@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.mail-input {
  min-height: 100%;
  max-height: 250 * @hd;
  overflow-y: auto;
  width: 100%;
  &-tag {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;//修复overflow:hidden出现额外高度的问题
    max-width: 100%;
    &-small {
      max-width: calc(~'100% - '40 * @hd);
    }
    span{
      color: blue;
      margin-right: @h-spacing-sm;
    }

    &-selected span {
      color: @color-text-base-inverse;
      border: 1px solid blue;
      border-radius: 5 * @hd;
      background-color: blue;
    }
    &-error span{
      color: red;
      //border: 1px solid red;
    }
    &-selected&-error span{
      color: @color-text-base-inverse;
      background-color: red;
      border: 1px solid red;
    }
  }
  &-input-div {
    width: 100%;
    height: @list-item-height;
    display: flex;
    .am-input-item {
      flex: 1 1;
    }
    .am-button {
      height: @button-height-sm;
      line-height: @button-height-sm;
      font-size: @button-font-size-sm;
      width: 40 * @hd;
      border-radius: 5 * @hd;
      position: relative;
      top: 10 * @hd;
    }
  }
  &-next-input {
    width: 0 * @hd;
    flex: none;
  }
  &-hidden {
    display: none;
  }
}
.mail-input-search-list {
  background-color: @fill-grey;
  &.wm-route-layout {
    overflow-y: auto;
  }
  .am-list-body {
    background-color: @fill-grey;
    .am-list-item {
      background-color: @fill-grey;
    }
    .am-list-line .am-list-content {
      line-height: 20 * @hd;
    }
    div:not(:last-child) .am-list-line {
      border-bottom: 1PX solid @border-color-base;
    }
    border-bottom: 0;
  }
  &-item-email {
    color: @color-text-secondary;
    font-size: @font-size-caption-sm;
  }
}
